@charset "utf-8";
/* html{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter:none;
} */
body{min-width: 1200px;}

/*content*/
.wrap{ min-height:100%;}
.bottom_p{padding-bottom:355px;}
.bottom{ clear:both; margin-top:-355px; height:355px;}

.d_inline{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.wrap_w{ position:relative; margin:0 auto; width:1200px;}

.transition{-webkit-transition:all 1s ease; transition:all 1s ease;}

.t_page{ position:relative; height:650px;}

.t_banner{ position:absolute; top:0; left:0; width:100%; height:100%;}
.t_banner ul{ height:100%;}
.t_banner li{ display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.t_banner li:first-child{display:block;}

.banner_num{ position:absolute; bottom:50px; left:50%; z-index:100; margin-left:-600px; width:1200px; text-align:center;}
.banner_num li{display:inline-block;  *display:inline; *zoom:1; vertical-align:middle; margin:0 3px;}
.banner_num li a{ display:block; width:12px; height:12px; border-radius:100%; background:#4d4d4d;}
.banner_num li a:hover,.banner_num li a.on{ background:#cfa972;}

.top{ position:relative; z-index:10; height:80px; border-bottom:1px solid rgba(255,255,255,0.1);}
.logo{ float:left; width:180px; height:70px; padding-top:10px;}

.nav{ float:right; padding-top:30px;}
.nav li{ position:relative; float:left; padding:0 18px;}
.nav li a{ display:block; line-height:50px; font-size:16px; color:#fff;} 
.nav li a i{ display:none; position:absolute; bottom:0; left:50%; margin-left:-2px; width:0; height:0; border:4px solid transparent; border-bottom-color:#ff551a;}
.nav li a:hover,.nav li a.hover{ color:#ff551a;}
.nav li a:hover i,.nav li a.hover i{ display:block;}

.nav li:hover .a_meau{ display:block;}
.a_meau{ display:none; position:fixed; top:85px; left:0; width:100%; z-index:10; padding:15px 0; text-align:center; font-size:0; background:url(alpha_b.png) repeat;}
.a_meau dd{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 25px;}
.a_meau dd a{ display:block; padding-top:35px; width:101px; height:66px; line-height:18px; font-size:12px; color:#c3c3c4; background:url(round.png) center no-repeat;}
.a_meau dd a:hover{color:#ff551a; background:url(round2.png) center no-repeat;}
.a_meau dd a em{ display:block; font-size:10px;}

.eking{ position:absolute; top:0; left:0; margin:0; width:100%; height:100%; background:url(eking.png) center 300px no-repeat; background-size:35% auto;}

.m_tit{ text-align:center; font-size:26px; }

.b_pro{ margin:50px 0;}
.b_pro ul{ float:left; margin-left:-20px;}
.b_pro li{ position:relative; float:left; margin-left:20px; width:585px; height:420px; border:1px solid #ddd;}

.pro_t{ position:absolute; top:-96px; left:50%; margin-left:-96px; width:193px; height:193px;  background:url(round3.png) no-repeat;}
.ptt{ position:relative; z-index:10; padding-top:30px; text-align:center; font-size:18px;}
.p_icon{ position:absolute; left:0; top:0; width:100%; height:100%;}
.p_cloud{ background:url(cloud.png) no-repeat;}
.p_wisdom{ background:url(wisdom.png) no-repeat;}
.p_data{ background:url(b_data.png) no-repeat;}

.a_svg{position:absolute; top:0; left:0; width:193px; height:193px; border-radius:100%; overflow:hidden; background:url(circle_center.png) center no-repeat;}
.a_svg i{ display:block; margin:95px auto 0; width:134px; border-top:1px solid #ddd; -webkit-transition:all 1s ease; transition:all 1s ease;}
.a_svg:before{ position:absolute; top:50%; left:8px; content:''; margin-top:-55px; width:122px; height:110px; -webkit-transition:all 1s ease; transition:all 1s ease; background:url(a_circle.png) no-repeat;}
.a_svg:after{ position:absolute; top:50%; right:8px; content:'';  margin-top:-55px; width:122px; height:110px; -webkit-transition:all 1s ease; transition:all 1s ease; background:url(b_circle.png) no-repeat;}

.b_svg{ transform:rotate(90deg);  -webkit-transform:rotate(90deg);}
.c_svg{ transform:rotate(45deg);  -webkit-transform:rotate(45deg);}

.b_pro li:hover .a_svg:before{ left:50px;}
.b_pro li:hover .a_svg:after{ right:50px;}
.b_pro li:hover .a_svg i{ width:48px;}

.a_svg svg,.b_svg svg{ width:193px; height:193px;}

.p_tit{ padding-top:140px; text-align:center; font-size:24px;}
.p_tit em{ display:block; font-size:30px;}

.p_intro{ padding:40px 30px 0; line-height:26px; text-indent:2em;}

.pro_item{ position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #ddd; background:#fff;}
.pro_item dd{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:5px 0 5px 4px;}
.pro_item dd a{ display:block;  width:60px; height:60px; background:url(60_icon.png) no-repeat;}
.pro_item dd a:hover{background:url(60_icon_on.png) no-repeat;}

.p_aciton{ position:absolute; right:5px; bottom:5px;}
.p_aciton a{ display:block; width:60px; height:60px; background:url(60_icon.png) 0 -780px no-repeat;}
.p_aciton a:hover,.p_aciton a.on{  background:url(60_icon.png) 0 -840px no-repeat;}

.pro_item dd a.p_idc,.pro_item dd a:hover.p_idc{ background-position:0 -120px;}
.pro_item dd a.p_jr,.pro_item dd a:hover.p_jr{ background-position:0 -1080px;}
.pro_item dd a.p_pt,.pro_item dd a:hover.p_pt{ background-position:0 0;}
.pro_item dd a.p_hl,.pro_item dd a:hover.p_hl{ background-position:0 -1140px;}
.pro_item dd a.p_xt,.pro_item dd a:hover.p_xt{ background-position:0 -60px;}
.pro_item dd a.p_ds,.pro_item dd a:hover.p_ds{ background-position:0 -1200px;}
.pro_item dd a.p_jz,.pro_item dd a:hover.p_jz{ background-position:0 -180px;}
.pro_item dd a.p_cs,.pro_item dd a:hover.p_cs{ background-position:0 -720px;}
.pro_item dd a.p_jc,.pro_item dd a:hover.p_jc{ background-position:0 -1260px;}
.pro_item dd a.p_zjr,.pro_item dd a:hover.p_zjr{ background-position:0 -960px;}
.pro_item dd a.p_dsj,.pro_item dd a:hover.p_dsj{ background-position:0 -1020px;}

.p_more{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:27px; height:4px; background:url(more.png) no-repeat;}

.pro_more{ background:#f6f6f6;}
.pro_item dl.p_hide{ padding:0; height:0; -webkit-transition:height 400ms ease;  transition:height 400ms ease; overflow:hidden;}
.pro_more dl.p_hide{ height:70px; }

.n_panel{ padding-top:35px; background:#f6f6f6;}

.n_tit{ padding:50px 0; text-align:center; font-size:24px;}

.n_item ul{ float:left; margin-left:-40px;}
.n_item li{ position:relative; float:left; margin-left:40px; width:367px; height:380px; background:#fff;}

.n_title{ height:58px; color:#fff; background:#ff551a;}
.n_date{ display:block; float:left; padding-top:8px; width:70px; height:50px; text-align:center; border-right:1px solid #fff; font-size:16px;}
.n_date em{ display:block; font-size:12px;}
.n_txt{ display:block; margin-left:70px; padding:0 20px; line-height:58px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.n_txt a{ line-height:58px; font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.n_pic img{ width:100%; height:170px;}

.n_intro{ padding:10px 50px; height:130px;}
.n_intro p{ padding:10px 0; line-height:22px; text-indent:2em;}
.n_intro p a:hover { text-decoration:underline; }

.n_link { text-align:center; }
.n_link a { text-indent:-9999px; display:inline-block; width:277px; height:50px; background:url(n_more.png) no-repeat; }
.n_link a:hover { background:url(n_more_on.png) no-repeat; }

.n_more{ padding:40px 0; text-align:center;}
.n_more a{display:inline-block; *display:inline; *zoom:1; padding:0 80px; height:36px; line-height:36px; border:1px solid #ddd; border-radius:30px; font-size:14px;}

.company_intro{ padding:100px 0; overflow:hidden;}
.computer{ position:relative; float:left; width:707px; height:567px; background:url(computer.png) no-repeat;}
.computer_con{position:absolute; top:30px; left:30px; width:650px; height:365px; background:#000;}

.company_txt{ padding:60px 50px 0 760px;}
.company_txt h2{ padding-bottom:40px; height:106px; background:url(eking_en.png) no-repeat;}
.company_txt p{ line-height:26px; font-size:14px;}
.company_txt p label{ display:block; padding-bottom:20px; font-size:24px; color:#000;}

.c_more{ color:#ff551a;}

.logo_box{ padding-left:15px;}
.logo_box li{ float:left; width:174px; height:44px; margin:10px 30px;}
.logo_box li a{ display:block; height:44px; border:1px solid #ccc; overflow:hidden; background:#fff;}
.logo_box li a img{ width:100%; height:100%;}
.logo_box li a i{ display:block; height:44px;}
.a_logo,.b_logo{-webkit-transition:all 200ms ease;  transition:all 200ms ease;}
.b_logo{ margin-top:60px;}
.logo_box li a:hover .a_logo{ margin-top:-44px;}
.logo_box li a:hover .b_logo{ margin-top:0;}

.bottom_b{ padding:75px 0; overflow:hidden; background:#2f2f2f;}

.b_info{ float:left; padding:20px 35px; border:1px solid #5a5a5a;}
.b_info li{ line-height:28px; color:#8b8b8b; font-size:14px;}
.b_info li i{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:10px; width:10px; height:10px; border-radius:100%; background:#9f9f9f;}

.tel{ float:left; margin-left:10px; width:400px; height:153px; border:1px solid #5a5a5a; background:url(tel.png) center no-repeat;}
.ewm_box { float:left; position:relative; margin-left:10px; width:262px; height:153px; }
.ewm{ width:126px; height:98px; background:url(weixin.png) no-repeat;}

.copyright{ position:relative; height:50px; line-height:50px; text-align:center; color:#8b8b8b; background:#363636;}

.fix_page{ position:fixed; top:50%; left:50%; margin:-100px 0 0 -700px; z-index:1000;}
.fix_page li{ margin-bottom:10px;}
.fix_page li a{ display:block; position:relative; width:20px; height:8px; -webkit-transition:all 200ms ease; transition:all 200ms ease; background:#9b9b9b;}
.fix_page li a:hover,.fix_page li a.on{ width:35px; background:#ff551a;}

/**/
.sub_top{ position:relative; height:226px; background:url(sub_top.jpg) top center no-repeat;}

.sub_meau{ position:absolute; bottom:0; left:0; width:100%; padding:15px 0; background:#e1e1e1;}
.sub_meau ul{ width:1200px; margin:0 auto; font-size:0;}
.sub_meau li{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:30px;}
.sub_meau li a{ display:block; padding:0 30px; height:34px; line-height:34px; font-size:16px; color:#fff; background:#ff551a;}
.sub_meau li a:hover{ opacity:0.8;} 

.fn_panel{ padding:40px; border:1px solid #ccc; overflow:hidden;}
.fn_pic{ float:right; width:490px; height:275px;}
.fn_pic img{ width:100%; height:100%;}

.fn_txt{ margin-right:520px; padding:10px;}

.fn_date{ padding-bottom:10px; font-size:30px; color:#555;}
.fn_date em{ padding-left:10px; font-size:18px;}
.fn_tit{ padding-bottom:25px; font-size:18px; color:#555;}
.fn_tit a{ font-size:18px; color:#555;}
.fn_con{ line-height:22px;}
.fn_con p{ padding-bottom:20px; text-indent:2em;}
.fn_con p a:hover { text-decoration:underline; }

.n_list{ padding:40px 0 20px; overflow:hidden;}
.n_list ul{ float:left; margin-left:-60px;}
.n_list li{ float:left; margin-left:60px; padding:20px 0; width:570px; border-bottom:1px dashed #ccc;}

.news_date{ float:left; margin-right:15px; padding-top:10px; width:80px; height:60px; border:1px solid #ccc; text-align:center; font-size:20px; color:#555;}
.news_date em{ display:block; text-align:center; font-size:14px; }
.news_txt h2{ padding-bottom:5px; font-size:16px; font-weight:normal; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_txt h2 a{  font-size:16px; font-weight:normal; color:#555; }
.news_txt p{ line-height:22px; font-size:14px; }
.news_txt p a:hover { text-decoration:underline; }

.page{ padding:20px 0; text-align:center; color:#000; font-weight:bold;}
/*.page *{ display:inline-block;  *display:inline; *zoom:1; vertical-align:middle;}*/
.page a{display:inline-block; *display:inline; *zoom:1; position:relative;margin:0 3px; padding:0 10px; height:26px; line-height:26px; border:1px solid #ccc; background:#fff;}
.page a:hover{border:1px solid #ff551a;}
.page a.current_page{border:1px solid #ff551a; color:#fff;  background:#ff551a;}
.page input {display:inline-block; *display:inline; *zoom:1; position:relative; margin:0 3px; padding:0 10px; height:26px; line-height:26px; border:1px solid #ccc; background:#fff;}

.fc_box{ margin-top:20px; height:900px; background:url(catch_bg.jpg) center no-repeat;}

.fc_pic{ position:absolute; top:0; left:0; z-index:100; width:490px; height:275px; border:1px solid #aaa;}
.fc_pic i{ position:absolute; /*top:20px; left:-20px;*/ width:490px; height:275px;}
.fc_pic i img{ width:100%; height:100%;}

.fc_date{ position:absolute; top:-1px; left:100%; margin-left:1px; padding-top: 10px; width:80px; height:60px; text-align:center; font-size:20px; color:#fff; background:#ff551a;}
.fc_date em{ display:block; font-size:12px;}

.fc_txt{ position:absolute; top:80px; left:595px; z-index:100; width:570px;}
.fc_txt h2{ padding-bottom:20px; font-size:18px;}
.fc_txt p{ padding-bottom:20px; line-height:24px;}
.fc_txt p a:hover{ text-decoration:underline;}

.year_box{ position:absolute; right:0; top:0; z-index:100;}

.select_box{ position:relative; margin-top:17px; width:260px; height:37px; border:1px solid #5a5a5a; cursor:pointer; background:#3c3c3c;}
.select_btn{ position:absolute; right:-1px; top:-1px; width:40px; height:39px; border:none; background:url(select_btn02.jpg) no-repeat;}
.select_txt{ width:100%; height:37px; line-height:37px;  border:none; padding-left:15px; text-align:left; vertical-align:top; background:none; color:#fff;}

.select_con{ display:none; position:absolute; bottom:37px; left:-1px; z-index:1000; width:100%;  max-height:190px; border:1px solid #666; font-size:12px; overflow-y:auto; background:#000;}
.select_con p{ clear:both; padding:0 10px; line-height:37px; text-align:left; cursor:pointer; color:#fff; }
.select_con p:hover{ color:#fff; background:#ff551a;}

.fc_b{ position:relative; padding:266px 100px 0;}

.f_prev,.f_next{ position:absolute; top:660px; width:30px; height:54px; cursor:pointer; opacity:0.6;}
.f_prev{ left:0; background:url(scroll_btn.png) no-repeat;}
.f_next{ right:0; background:url(scroll_btn.png) -30px 0 no-repeat;}
.f_prev:hover,.f_next:hover{opacity:1;}

.fc_list{ position:relative; height:500px; overflow:hidden;}
.fc_list ul{ position:absolute; top:0; left:0; width:99999px;}
.fc_list li{ float:left; width:200px; height:500px;  background:url(y_line.png) 0 100px no-repeat;}
.fc_list li a{ display:block; padding:200px 10px 0 15px;}
.fc_list li a:hover{ color:#ccc;}
.fc_list li a i{ position:relative; display:block; margin:0 auto 10px; width:130px; height:130px; border:1px solid #ccc; border-radius:100%; -webkit-transition:margin 600ms ease; transition:margin 600ms ease;}
.fc_list li a:hover i{margin:-30px auto 40px;}
.fc_list li a i img{ width:100%; height:100%; border-radius:100%;}
.fc_list li a span{ display:block; line-height:22px;}

.fc_list li a i svg{ position:absolute; top:-5px; left:-5px; width:140px; height:140px;}
.fc_list li a i circle{stroke:#ff551a; stroke-width:3px; stroke-dasharray:0 421; -webkit-transition:stroke-dasharray 600ms; transition:stroke-dasharray 600ms;}
.fc_list li a:hover circle{ stroke-dasharray:421 421;}

.fc_list li:nth-child(5n-4){ background:url(y_line.png) 0 250px no-repeat;}
.fc_list li:nth-child(5n-3){ background:url(y_line.png) 0 150px no-repeat;}
.fc_list li:nth-child(5n-2){ background:url(y_line.png) 0 250px no-repeat;}
.fc_list li:nth-child(5n-1){ background:url(y_line.png) 0 100px no-repeat;}
.fc_list li:nth-child(5n){ background:url(y_line.png) 0 50px no-repeat;}

.fc_list li:nth-child(5n-4) a{ padding:250px 10px 0 15px;}
.fc_list li:nth-child(5n-3) a{ padding:130px 10px 0 15px;}
.fc_list li:nth-child(5n-2) a{ padding:250px 10px 0 15px;}
.fc_list li:nth-child(5n-1) a{ padding:150px 10px 0 15px;}
.fc_list li:nth-child(5n) a{ padding:100px 10px 0 15px;}

.third_body{ min-height:100%; background:#f3f2f2;}
.third_top{ height:85px; background:#2a2934 url(third_t.jpg) center no-repeat;}
.third_top .a_meau{ background:#2a2934;}

.third_main{ margin:0 auto; width:960px;}

.n_con{ background:#fff;}
.n_head{ position:relative; padding:15px; height:60px; line-height:60px;  border-bottom:1px solid #ccc; font-size:18px; color:#666; background:url(s_eking.png) right center no-repeat;}
.head_date{ position:absolute; top:15px; left:15px; border:1px solid #ccc; padding:10px 15px 0; height:50px;  font-size:20px; font-family:Arial; color:#000;  white-space:nowrap; line-height: 22px;}
.head_date b{ display:inline-block;  *display:inline; *zoom:1; vertical-align:top; padding-right:5px; line-height:40px; font-size:32px; }
.head_date span{ display:inline-block;  *display:inline; *zoom:1; vertical-align:top; font-size:14px; line-height:18px; }
.head_date em{ display:block; text-align:center; font-size:14px;}

.n_content{ padding:60px; line-height:26px; color:#333;}
.n_content p{ padding-bottom:20px;}
.t_indent{ text-indent:2em;}

.teno_type{ position:absolute; top:15px; left:15px; line-height:30px; font-size:12px; white-space:nowrap;}
.t_type{ display:inline-block;  *display:inline; *zoom:1; vertical-align:top;  padding:0 10px; line-height:30px; color:#fff; background:#ff551a;}
.teno_type em{ display:block;}

.teno_info h2{ padding:20px 0; font-size:18px; color:#fd561b;}
.teno_info p{ padding:0;}

.teno_txt{ padding:10px 20px; border:1px solid #ccc;}
.teno_txt p{ padding:0;}

.a_btn{ display:inline-block; *display:inline; *zoom:1; padding:0 45px; height:40px; line-height:40px; border:none; font-size:14px; color:#fff; cursor:pointer; overflow:visible; background:#fd561b;}
.a_btn:hover{ color:#fff; opacity:0.8;}

.join_top{height:162px; background:#0e0e0f url(join_top.jpg) center no-repeat;}
.join_top .a_meau{ background:#2a2934;}

.j_main{ margin:0 auto; width:1050px;}

.join_btn{ float:right; display:block; padding:0 30px; border:1px solid #fd561b; text-align:center; color:#fd561b; font-size:16px; }
.join_btn em{ display:block; font-size:12px;}

.j_box{ float:left; width:350px;}
.tech_panel{ position:relative; padding:0 40px; height:266px; color:#fff; background:#fd561b;}
.tech_panel a{ color:#fff; }
.tech_panel .dr_tit{ padding:30px 150px 5px 0; color:#fff; font-size:20px;}
.tech_panel .j_more{ background:url(more02.png) no-repeat;}
.tech_panel .j_more::after{ background:url(m_arrow2.png) no-repeat;}

.pro_panel .dr_tit{ padding-top:30px; }

.dr_tit{ padding-bottom:5px; font-size:14px; color:#fd561b; font-weight:bold;}
.dr_class{ padding-bottom:10px; font-size:14px;}
.dr_class i{ display:inline-block;  *display:inline; *zoom:1; vertical-align:middle; width:14px; height:14px; background:#f4cf04;}

.dr_list{ line-height:18px;}

.j_more_box { position:absolute; bottom:20px; right:16px; display:block; width:80px; height:25px;  }

.j_more{ position:relative; display:inline-block; *display:inline; *zoom:1 vertical-align:middle; width:80px; height:25px; background:url(more01.png) no-repeat;}
.j_more:after{ position:absolute; top:0; left:35px; width:36px; height:25px; content:'';  filter:alpha(opacity=0); opacity:0; background:url(m_arrow.png) no-repeat; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.tech_panel:hover .j_more:after,.sale_panel:hover .j_more:after,.pro_panel:hover .j_more:after,.fun_panel:hover .j_more:after,.join_list li:hover .j_more:after{ left:55px;  filter:alpha(opacity=100); opacity:1;}

.sale_panel{ position:relative; padding:10px 0 0 140px; height:155px; background:url(ds02.jpg) no-repeat;}

.pro_panel{ position:relative; padding:0 40px 0 90px; height:266px;}
.pro_panel .dr_tit{ font-size:20px;}
.pro_panel .dr_class{}
.pro_panel .dr_list{}

.nth_panel{ position:relative; height:155px; background:url(ds03.jpg) no-repeat;}

.ad_box{ position:relative; height:151px; overflow:hidden;}
.ad_prev,.ad_next{ display:none; position:absolute; top:50%; margin-top:-20px; z-index:100; width:41px; height:41px; cursor:pointer;}
.ad_prev{ left:10px; background:url(a_scroll.png) no-repeat;}
.ad_next{ right:10px; background:url(a_scroll.png) 0 -41px no-repeat;}

.ad_panel{ position:relative; height:151px; overflow:hidden;}
.ad_panel ul{ height:100%;}
.ad_panel li{ display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.ad_panel li:first-child{display:block;}
.ad_panel li img{ width:100%; height:100%;}

.fun_panel{  position:relative; padding:0 40px; height:270px; color:#fff; background:#444;}
.fun_panel a{ color:#fff; }
.fun_panel .dr_tit{ padding-top:30px; font-size:18px;}
.fun_panel .j_more{ background:url(more02.png) no-repeat;}
.fun_panel .j_more::after{ background:url(m_arrow2.png) no-repeat;}

.change_type{ float:right;}
.change_type li{ float:left; padding:0 15px; }
.change_type li a{ display:block; width:25px; height:25px;}
.chart_ico{ background:url(25_icon.png) no-repeat;}
.chart_ico.on{ background:url(25_icon.png) 0 -50px no-repeat;}
.list_ico{ background:url(25_icon.png) 0 -25px no-repeat;}
.list_ico.on{ background:url(25_icon.png) 0 -75px no-repeat;}

.join_list{ padding-top:20px; color:#333;}
.join_list ul{ float:left; margin-left:-30px;}
.join_list li{ float:left; margin:0 0 10px 30px; width:498px; min-height:180px; padding:5px; border:1px solid #ccc;}

.join_info{ font-size:0;}
.join_info dl{display:inline-block;  *display:inline; *zoom:1; vertical-align:top; width:50%;}
.join_info dd{ line-height:26px; font-size:12px;}

.join_a{ text-align:right;}
.join_b dd{ padding-left:50px;}

.j_table{ text-align:center; font-size:14px; color:#333;}
.j_table th{ line-height:50px; border-bottom:3px solid #ccc;}
.j_table tbody tr{ border:1px solid #ccc;}
.j_table td{ padding:10px;}

.a_wrap{ position:relative; height:100%; overflow:hidden; background:url(a_bg.jpg) center 0 no-repeat; background-size:100% 100%;}

.a_bar{ position:absolute; top:50%; left:0; margin-top:-80px; width:100%; height:160px;  -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.a_bar.up_slide{ margin-top:-200px;}
.bar_box{ width:50%; height:100%; border-radius:0 100px 100px 0; background:#000; background:rgba(0,0,0,0.6);}

.about_item{ padding:15px 0; text-align:right; font-size:0; }
.about_item li{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 10px; text-align:center;}
.about_item li a{ display:block; position:relative; padding-top:50px; width:130px; height:80px; line-height:18px; font-size:14px; color:#c3c3c4;}
.about_item li a:hover,.about_item li a.on{color:#ff551a;}
.about_item li a em{ display:block; font-size:10px;}

.about_item li a:hover .about_round,.about_item li a.on .about_round{border:none; border-radius:100%; transform: scale(1); background:url(round5.png) no-repeat;}
.about_item li a:hover .about_arrow,.about_item li a.on .about_arrow{ top:100px; filter:alpha(opacity=100); opacity:1;}

.about_round{ position:absolute; top:50%; left:50%; margin:-64px 0 0 -64px; width:127px; height:127px; border:1px solid #555; border-radius:100%; -webkit-transition:all 800ms ease; transition:all 800ms ease; transform: scale(0.8);}
.about_arrow{ position:absolute; top:100%; left:50%; margin-left:-13px; width:26px; height:67px; filter:alpha(opacity=0);opacity:0;  -webkit-transition:all 800ms ease; transition:all 800ms ease; background:url(up_arrow.png) no-repeat;}

.about_us{ position:absolute; top:50%; right:50%; margin:-244px -600px 0 0; width:531px; height:488px;  -webkit-transition:all 600ms ease; transition:all 600ms ease; background:url(about.png) center no-repeat;}
.about_us.small{margin:-200px -400px 0 0; width:342px; height:118px; background:url(about2.png) center no-repeat;}
.about_us a{ display:block; height:100%;}

.about_b{ position:fixed; left:100%; top:0; z-index:1000; width:100%; height:100%; -webkit-transition:all 600ms ease; transition:all 600ms ease; background:#fff;}
.about_b.show{ left:50%;}
.about_switch{ display:none; position:absolute; top:50%; margin:-26px 0 0 -26px; z-index:100; width:52px; height:52px; cursor:pointer; background:url(r_arrow.png) no-repeat;}

.contact_us{ position:absolute; top:50%; left:0; width:100%; padding:0 0 0 90px;}
.contact_us h2{ padding-bottom:10px; font-size:24px; color:#fd561b;}
.contact_us dl{ padding-top:20px;}
.contact_us dt{ padding-bottom:10px; font-size:16px; font-weight:bold;}
.contact_us dd{ line-height:22px;}

.form_box{ padding:30px 0 0 0;}
.form_box h2{ padding-bottom:10px; font-size:24px; color:#fd561b;}
.form_box li{ padding-bottom:20px; line-height:26px; }
.form_tit{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-right:10px; width:140px; text-align:right; font-size:14px;}
.input_txt{ width:250px; height:28px; line-height:28px; border:1px solid #ccc; text-indent:5px;}
.textarea{ padding:5px; width:500px; line-height:28px;  border:1px solid #ccc;}

.company_box{ position:absolute; top:50%; left:0; padding:0 0 0 90px; width:500px;}
.company_box h2{ padding-bottom:10px; font-size:24px; color:#fd561b;}
.company_box p{ padding-bottom:20px; line-height:22px; text-indent:2em;}

.scroll_panel{ position:absolute; top:50%; left:0; margin-top:300px; width:100%; padding-bottom:30px; overflow:hidden; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.scroll_panel.show{filter:alpha(opacity=100); opacity:1; margin-top:-30px;}
.scroll_con{ position:relative; padding-bottom:10px; height:300px;}
.pic_box{ position:absolute; top:0; left:0; width:9999px; padding-top:100px;}
.pic_box li{ position:relative; float:left; margin-left:10px; width:265px; height:200px; border:4px solid #fff;}
.pic_box li:first-child{ margin:0;}
.pic_box li img{-webkit-transition:all 400ms ease; transition:all 400ms ease; width:265px; height:200px;}

.pic_box li:hover .pic_cover{ top:-6px; left:-4px; width:262px; height:100%; border:6px solid #fd561b; background:none;}
.pic_intro{ position:absolute; top:0; left:0; width:100%; height:100%;}
.pic_tit{ position:absolute; bottom:100%;  left:-4px; width:274px; height:0; text-align:center; color:#fff; -webkit-transition:all 600ms ease; transition:all 600ms ease; overflow:hidden; background:#fd561b;}
.pic_box li:hover .pic_tit{ height:40px; padding:30px 0;}
.pic_tit em{ display:block; font-size:16px;}
.pic_cover{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(alpha_b.png) repeat;}

.p_scroll{ position:absolute; bottom:10px; left:0; right:0; z-index:999; height:5px; background:rgba(255,255,255,0.3);}
.p_slide{ position:absolute; top:-4px; left:0; width:60px; height:12px; border-radius:20px; cursor:pointer;  background:#fd561b;}

.cover_b{ display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; background:url(alpha_b.png) repeat;}
.alert_box{ display:none; position:absolute; top:50%; left:50%; margin:-280px 0 0 -367px; z-index:9999; width:734px; height:560px; color:#fff; background:#fd561b;}
.a_close{ position:absolute; top:-60px; right:-80px; width:71px; height:71px; cursor:pointer; background:url(close.png) no-repeat;}

.show_pic{ margin:30px auto; width:520px; height:380px; border:4px solid #fff;}
.show_pic img{ width:100%; height:100%;}

.cloud_t,.smart_t,.data_t{ position:relative; height:510px;}
.cloud_t{ background:url(cloud_t.jpg) center 0 no-repeat;}
.smart_t{ background:url(smart_t.jpg) center 0 no-repeat;}
.data_t{ background:url(data_t.jpg) center 0 no-repeat;}

.c_round{ position:absolute; top:50%; left:50%; margin:-139px 0 0 -139px; width:269px; height:269px;}
.round_b{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(round6.png) no-repeat;}
.cloud_b{ display:block; height:100%; background:url(cloud_jia.png) center no-repeat;}
.smart_b{ display:block; height:100%; background:url(smart_jia.png) center no-repeat;}
.data_b{ display:block; height:100%; background:url(data.png) center no-repeat;}

.d_round{ position:absolute; top:50%; left:50%; margin:-130px 0 0 -150px; width:300px; height:300px;}
.round_bb{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(round7.png) no-repeat;}

.c_txt{ padding:330px 240px 0; line-height:30px; text-align:center; color:#ccc;}

.case_list{ padding:100px 0; overflow:hidden;}
.case_list ul{ float:left; margin-left:-15px;}
.case_list li{ position:relative; float:left; width:390px; margin:0 0 15px 15px;}

.case_img{ height:220px;}
.case_img img{ width:100%; height:100%;}

.case_txt{ padding-left:20px; height:56px; line-height:56px; font-size:14px; color:#333; background:#e7e7e7;}
.case_cover{ position:absolute; top:0; left:0; width:100%; height:0; -webkit-transition:all 600ms ease; transition:all 600ms ease; overflow:hidden; background:url(alpha_b.png) repeat;}
.case_cover span{ position:absolute; top:0; left:0; margin-top:-100px; width:100%; height:100px; -webkit-transition:all 600ms ease 200ms; transition:all 600ms ease 200ms;}
.case_cover span em{ display:block; line-height:40px; text-align:center; color:#fff; font-size:18px;}

.case_list li:hover .case_cover{ height:220px;}
.case_list li:hover .case_cover span{ top:50%;  margin-top:-50px;}

.case_icon{ display:block; margin:0 auto; width:60px; height:60px;}
.case_jr{ background:url(60_icon_on.png) 0 -1080px no-repeat;}
.case_pt{ background:url(60_icon_on.png) no-repeat;}
.case_idc{ background:url(60_icon_on.png) 0 -120px no-repeat;}
.case_hl{ background:url(60_icon_on.png) 0 -1140px no-repeat;}
.case_xt{ background:url(60_icon_on.png) 0 -60px no-repeat;}
.case_ds{ background:url(60_icon_on.png) 0 -1200px no-repeat;}
.case_jz{ background:url(60_icon_on.png) 0 -180px no-repeat;}
.case_cs{ background:url(60_icon_on.png) 0 -720px no-repeat;}
.case_jc{ background:url(60_icon_on.png) 0 -1260px no-repeat;}
.case_zjr{ background:url(60_icon_on.png) 0 -960px no-repeat;}
.case_dsj{ background:url(60_icon_on.png) 0 -1020px no-repeat;}

/**/
.investor_top{height:162px; background:#1a1615 url(investor_top.jpg) center no-repeat;}
.investor_top .a_meau{ background:#2a2934;}

.ask_box{ margin-top:30px; padding:10px; border:1px solid #ccc; overflow:hidden;}
.ask_btn{ display:block; padding:0 50px; height:50px; line-height:50px; border:none; text-align:center; font-size:18px; color:#fff; cursor:pointer; overflow:visible; background:#ea6233;}
.ask_btn:hover { color:#fff; }

.a_right{ float:right; width:320px;}
.a_left{ margin-right:370px;}

.a_list li{padding:20px 0; border-bottom:1px dashed #ccc; overflow:hidden;}
.news_txt{ margin-left:95px;}
.a_list .news_date{ font-size:20px; color:#666;}
.list_it{ font-size:24px; color:#ea6233;}

.ask_alert{ display:none; position:absolute; top:200px; left:50%; margin-left:-343px; z-index:9999; width:686px; background:#fff;}
.ask_tit{ position:relative; padding:18px; line-height:20px; border-top:1px solid #ea6233; border-bottom:1px solid #ddd; color:#000; background:#f4f4f4;}
.a_block{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:10px; width:16px; height:16px; background:#ea6233;}
.aa_close{ position:absolute; top:10px; right:10px; width:40px; height:40px; cursor:pointer; background:url(../images/40_icon.png) no-repeat;}

.aa_btn,.cc_btn{ display:inline-block; *display:inline; *zoom:1; padding:0 45px; height:30px; line-height:30px; border:none; font-size:14px; color:#fff; cursor:pointer; overflow:visible; background:#fd561b;}
.cc_btn{ background:#5e5e5e;}
.aa_btn:hover,.cc_btn:hover{ color:#fff; opacity:0.8;}

.table_tj td { padding:8px 0; }

.cloud_top{height:162px; background:#0e0e0f url(cloud_top.jpg) center no-repeat;}

.business_tit { margin:0 auto; height:90px; background:#e0e0e0; text-align:center; color:#7f7f7f; font-size:30px; line-height:90px; }
.business_main { margin:30px auto; width:1200px; }
.business_con { padding:40px; border:1px solid #949494;  }
.business_img { float:right; width:373px; height:247px; }
.business_img img{ width:373px; height:247px; }
.business_info { margin-right:428px; }
.business_name { margin-bottom:50px; vertical-align: bottom; color:#000; font-size:24px; line-height:22px;  }
.business_name img{ vertical-align: bottom; margin-right:10px;  }
.business_txt { color:#7e7e7e; font-size:14px; line-height:26px;  }
.business_detail { margin-top:30px; }
.business_detail h3 { text-align:center; color: #7f7f7f; font-size:26px; line-height:100px; }
.business_detail li { list-style:disc inside; text-align:left; color: #7e7e7e; font-size:14px; line-height:30px; }
.business_detail li p{ padding-left:14px; font-weight:normal; }
.business_detail p { text-align:left; color: #7e7e7e; font-size:14px; line-height:30px; }

.smart_top { height:162px; background:#0e0e0f url(smart_top.jpg) center no-repeat;}

.business_tab { height: 55px; } 
.business_tab li {
  float: left;
  display: block;
  box-sizing: border-box; 
  height:55px;
}
.business_tab li a { 
  display: block; 
  height:55px;
  line-height: 55px;
  padding-left:15px;
  padding-right:38px;
  background:url(business_tab_off.png) right bottom no-repeat; 
  font-size: 18px;
  color: #fff; 
}
.business_tab li a.on { background:url(business_tab_on.png) right bottom no-repeat; }

.customers_top { height:162px; background:url(customers_top.jpg) center no-repeat;}